<!-- 项目审批明细 -->
<template>
	<view :class="darkMode?'custom-dark':'custom-light'">
		<form>
			<view class="place-detail">
				<view class="padding-lr padding-tb-xs detail-item">
					<view class="uni-flex uni-row">
						<view class="flex-item-50">
							<uni-tag size="small" :text="formatCheckStatus(item.CheckID).text" :type="formatCheckStatus(item.CheckID).color"
							 :circle="true"></uni-tag>
						</view>
					</view>
				</view>
				<view class="cu-bar detail-item solid-bottom margin-top">
					<view class="action">
						<text class="cuIcon-title text-blue"></text>销售订单信息
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">单据号</view>
					<view class="text-content">
						<input class="my-uni-input" value="" type="text" v-model="item.BillNO" placeholder="[自动编码]" />
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">日期</view>
					<view class="time-content" @tap="showCreateTime">
						<view class="my-uni-input" v-if="item.Date">{{item.Date|dateFormate}}</view>
						<view v-else class="placeholder">[请选择日期]</view>
					</view>
					<tui-datetime ref="createDateTimeRef" :type="2" :startYear="startYear" :endYear="endYear" :cancelColor="cancelColor"
					 :color="color" :setDateTime="item.Date|dateFormate" @confirm="getCreateTime"></tui-datetime>
				</view>
				<view class="cu-form-group">
					<view class="title">组织机构</view>
					<view class="time-content" @tap="clickSelectOrg">
						<view class="my-uni-input" v-if="item.OrganizationID">{{item.OrgObj.Number}} - {{item.OrgObj.Name}}</view>
						<view v-else class="placeholder">[选择组织机构]</view>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">部门</view>
					<view class="time-content" @tap="clickSelectDept">
						<view class="my-uni-input" v-if="item.DepartMentID">{{item.DeptObj.Number}} - {{item.DeptObj.Name}}</view>
						<view v-else class="placeholder">[选择部门]</view>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">业务员</view>
					<view class="time-content" @tap="clickSelectEmp">
						<view class="my-uni-input" v-if="item.EmployeeID">{{item.EmpObj.Number}} - {{item.EmpObj.Name}}</view>
						<view v-else class="placeholder">[选择业务员]</view>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">备注</view>
					<view class="text-content">
						<input class="my-uni-input" type="text" v-model="item.Description" placeholder="[输入备注]" />
					</view>
				</view>
				<view class="cu-bar detail-item solid-bottom">
					<view class="action">
						<text class="cuIcon-title text-blue"></text>往来信息
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">客户</view>
					<view class="time-content" @tap="clickSelectCustomer">
						<view class="my-uni-input" v-if="item.RelatedOrgID">{{item.RelOrgObj.Number}} - {{item.RelOrgObj.Name}}</view>
						<view v-else class="placeholder">[选择客户]</view>
					</view>
				</view>
				<view class="cu-form-group">
					<view class="title">币别</view>
					<view class="time-content" @tap="clickSelectCurry">
						<view class="my-uni-input" v-if="item.CurrencyID">{{item.CurrencyObj.Number}} - {{item.CurrencyObj.Name}}</view>
						<view v-else class="placeholder">[选择币别]</view>
					</view>
				</view>
				<view class="cu-bar detail-item solid-bottom  margin-top">
					<view class="action">
						<text class="cuIcon-title text-orange"></text>订单明细
					</view>
					<view class="uni-flex">
						<button class="flex-item-50" type="primary" size="mini" @click="scanCode">扫条码</button>
						<button class="flex-item-50" type="primary" size="mini" @click="clickSelectMat">选择商品</button>
					</view>
				</view>

				<view v-for="(detail,index) in itemdetails" :key="detail.sodid" class="padding-lr padding-tb-xs detail-item solid-bottom">
					<view class="uni-flex uni-row">
						<view class="flex-item-30">品名</view>
						<view class="flex-item-70">{{detail.matnum}} / {{detail.matname}} / {{detail.model}}</view>
					</view>
					<view class="uni-flex uni-row">
						<view class="flex-item-30">单价</view>
						<view class="flex-item-70">{{item.CurrencyObj.Sign}} {{detail.price|round(2)}}</view>
					</view>
					<view class="uni-flex uni-row">
						<view class="flex-item-30">数量</view>
						<view class="flex-item-30"><input class="uni-input" style="border-bottom:1px solid gray;font-size:28rpx" type="digit"
							 placeholder="输入数量" v-model="detail.curqty" @input="Format2Digit($event,index)" /></view>
						<view class="flex-item-40"> {{detail.unitname}}</view>
					</view>
					<view class="uni-flex uni-row">
						<view class="flex-item-30">金额</view>
						<view class="flex-item-70">{{item.CurrencyObj.Sign}} {{detail.amount|round(2)}}</view>
					</view>
					<view class="uni-flex uni-row">
						<view class="flex-item-30">备注</view>
						<view class="flex-item-70"><input class="my-uni-input" type="text" v-model="detail.description" placeholder="[输入备注]" /></view>
					</view>
				</view>
				
				<view class="cu-bar detail-item solid-bottom  margin-top">
					<view class="action">
						<text class="cuIcon-title text-blue"></text>附件
					</view>
					<view class="uni-flex">
						<button class="flex-item-50" type="primary" size="mini" @tap="chooseImage">上传</button>
					</view>
				</view>
				<view class="padding-lr padding-tb-xs detail-item solid-bottom">
					<view class="uni-flex uni-row" v-for="atta in itemaccs" :key="atta.accentryid">
						<view class="flex-item-80"  @tap="filePreview(atta)">
							<uni-icons color="#007aff" type="paperclip" size="22"></uni-icons><text>{{atta.alisename}}</text>
						</view>
						<view class="flex-item-20" @tap="delFile(atta)">
							<uni-icons color="#ff0000" type="trash" size="22"  ></uni-icons>
						</view>
					</view>
				</view>
			</view>
			<view class="goods-carts">
				<uni-goods-nav :options="goodNavOptions" :button-group="goodNavButtonGroup" @buttonClick="goodNavButtonClick" />
			</view>
		</form>
		<selectui-org ref="popupSelectUIOrg" :propSelItem="propSelOrgItem" @updateSelect="updateSelectOrg"></selectui-org>
		<selectui-dept ref="popupSelectUIDept" :propSelItem="propSelDeptItem" @updateSelect="updateSelectDept"></selectui-dept>
		<selectui-emp ref="popupSelectUIEmp" :propSelItem="propSelEmpItem" @updateSelect="updateSelectEmp"></selectui-emp>
		<selectui-customer ref="popupSelectUICustomer" :propSelItem="propSelCustomerItem" @updateSelect="updateSelectCustomer"></selectui-customer>
		<selectui-curry ref="popupSelectUICurry" :propSelItem="propSelCurryItem" @updateSelect="updateSelectCurry"></selectui-curry>
		<selectui-mat ref="popupSelectUIMat" :propSelItem="propSelMatItem" @updateSelect="updateSelectMat"></selectui-mat>
	</view>
</template>

<script>
	import permision from "@/common/permission.js"
	import {
		mapGetters
	} from 'vuex'
	import uniGoodsNav from '@/components/uni-goods-nav/uni-goods-nav.vue'
	import uniTag from '@/components/uni-tag/uni-tag.vue'
	import uniIcons from '@/components/uni-icons/uni-icons.vue'
	import tuiDatetime from "@/components/tui/tui-datetime.vue"
	import {
		filePreview,
		formatCheckStatus
	} from '@/utils/index.js'
	import {
		formatDateDay
	} from '@/utils/datetime.js'
	import selectuiOrg from '@/pages/selectui/selectui-org.vue'
	import selectuiDept from '@/pages/selectui/selectui-dept.vue'
	import selectuiEmp from '@/pages/selectui/selectui-emp.vue'
	import selectuiCustomer from '@/pages/selectui/selectui-customer.vue'
	import selectuiCurry from '@/pages/selectui/selectui-curry.vue'
	import selectuiMat from '@/pages/selectui/selectui-mat.vue'
	var sourceType = [
		['camera'],
		['album'],
		['camera', 'album']
	]
	var sizeType = [
		['compressed'],
		['original'],
		['compressed', 'original']
	]
	export default {
		components: {
			uniGoodsNav,
			uniTag,
			uniIcons,
			tuiDatetime,
			selectuiOrg,
			selectuiDept,
			selectuiEmp,
			selectuiCustomer,
			selectuiCurry,
			selectuiMat,
		},
		computed: {
			...mapGetters(['themeBgColor', 'darkMode']),
		},
		data() {
			return {
				_uimainid: 3000882,
				_entityid: 2270092,
				startYear: new Date().getFullYear(),
				endYear: 2050,
				cancelColor: "#888",
				color: "#5677fc",
				item: {
					Date: new Date(),
					OrgObj: {},
					DeptObj: {},
					EmpObj: {},
					RelOrgObj: {},
					CurrencyObj: {}
				},
				itemdetails: [],
				itemaccs: [],
				goodNavOptions: [],
				goodNavButtonGroup: [{
					text: '保存',
					backgroundColor: '#39b54a',
					color: '#fff'
				}],
				propSelOrgItem: {},
				propSelDeptItem: {
					orgid: 0
				},
				propSelEmpItem: {
					orgid: 0
				},
				propSelCustomerItem: {},
				propSelCurryItem: {},
				propSelMatItem: [],
				//附件图片
				title: 'choose/previewImage',
				imageList: [],
				sourceTypeIndex: 2,
				sourceType: ['拍照', '相册', '拍照或相册'],
				sizeTypeIndex: 2,
				sizeType: ['压缩', '原图', '压缩或原图'],
				countIndex: 8,
				count: [1, 2, 3, 4, 5, 6, 7, 8, 9]
			}
		},
		filters: { //过滤器
			round: function(v, arg1) {
				return _.round(v, arg1);
			},
			dateFormate: function(v) {
				return formatDateDay(v);
			},
		},
		onReady() {
			uni.setNavigationBarTitle({
				title: this.$t('SaleOrderDetail')
			})
			// navBar-bg-color
			uni.setNavigationBarColor({
				frontColor: '#ffffff',
				backgroundColor: this.themeBgColor,
				animation: {
					duration: 400,
					timingFunc: 'easeIn'
				}
			})
		},
		onLoad(options) {
			this._uimainid = 3000882;
			this._entityid = 2270092;
			let saleorderid = options.data;
			let opt = options.opt;
			if (saleorderid > 0) {
				this.$minApi.GetBillEntity({
					data: {
						_entityid: this._entityid,
						_uimainid: this._uimainid,
						_id: saleorderid,
						_childs: "2270093",
						_rels: "OrganizationID,DepartMentID,EmployeeID,RelatedOrgID,CurrencyID",
					}
				}).then(res => {
					if (res.Status === 1) {
						let curData = JSON.parse(res.Data);
						this.item = curData._bill;
						this.item.OrgObj = curData._rels_OrganizationID ? curData._rels_OrganizationID : {
							ID: 0,
							Number: '',
							Name: ''
						};
						this.item.DeptObj = curData._rels_DepartMentID ? curData._rels_DepartMentID : {
							ID: 0,
							Number: '',
							Name: ''
						};
						this.item.EmpObj = curData._rels_EmployeeID ? curData._rels_EmployeeID : {
							ID: 0,
							Number: '',
							Name: ''
						};
						this.item.RelOrgObj = curData._rels_RelatedOrgID ? curData._rels_RelatedOrgID : {
							ID: 0,
							Number: '',
							Name: ''
						};
						this.item.CurrencyObj = curData._rels_CurrencyID ? curData._rels_CurrencyID : {
							ID: 0,
							Number: '',
							Name: '',
							Sign: '￥'
						};
						//获取明细
						this.$minApi.GetDataTable({
							data: {
								_code: "M_SO_002",
								soid: saleorderid
							}
						}).then(res => {
							if (res.Status === 1) {
								this.itemdetails = JSON.parse(res.Data);
							} else {
								this.itemdetails = [];
							}
						}).catch(exp => {
							this.itemdetails = [];
						});
						//获取附件
						if (this.item.AccessoriesID > 0) {
							this.$minApi.GetAccessoriesUrls({
								data: this.item.AccessoriesID
							}).then(res => {
								if (res.Status === 1) {
									this.itemaccs = JSON.parse(res.Data);
								} else {
									this.itemaccs = [];
								}
							}).catch(exp => {
								this.itemaccs = [];
							});
						}
					} else {
						this.item = {};
					}
				}).catch(exp => {
					this.item = {};
				})
			} else
				this.item = {
					Date: new Date(),
					OrganizationID: 0,
					OrgObj: {
						ID: 0,
						Number: '',
						Name: ''
					},
					DepartMentID: 0,
					DeptObj: {
						ID: 0,
						Number: '',
						Name: ''
					},
					EmployeeID: 0,
					EmpObj: {
						ID: 0,
						Number: '',
						Name: ''
					},
					RelatedOrgID: 0,
					RelOrgObj: {
						ID: 0,
						Number: '',
						Name: ''
					},
					CurrencyID: 0,
					CurrencyObj: {
						ID: 0,
						Number: '',
						Name: ''
					},
				};
		},
		methods: {
			//只能输入两位小数
			Format2Digit(e, v) {
				let fv = _.round(e.target.value, 2) || null
				this.$nextTick(() => {
					this.itemdetails[v].curqty = fv;
					this.itemdetails[v].amount = _.round(fv * this.itemdetails[v].price, 2);
				})
			},
			//获取当前日期
			GetCurrDate() {
				let aData = new Date();
				let v = aData.getFullYear() + "-" + (aData.getMonth() + 1) + "-" + aData.getDate();
				return v;
			},
			showCreateTime() {
				this.$refs.createDateTimeRef.show()
			},
			getCreateTime(e) {
				this.item.Date = e.result;
			},
			filePreview,
			formatCheckStatus,
			//保存
			goodNavButtonClick(e) {
				if (e.content.text === "保存") {
					uni.showToast({
						title: '正在保存数据...',
						icon: 'none'
					})
					this.itemdetails.forEach(item => {
						item.ID = item.sodid??0;
						item.MaterialID = item.matid;
						item.MeasureUnitID = item.unitid;
						item.Quantity = item.curqty;
						item.CurQty = item.curqty;
						item.Price = item.price;
						item.TaxPrice = item.price;
						item.DiscountRate = 100;
						item.Amount = item.price * item.curqty;
						item.TotalAmount = item.price * item.curqty;
						item.WithinFinish = this.GetCurrDate();
						item.Description = item.description
					});
					this.$minApi.SaveBillEntity({
						data: {
							"_entityid": this._entityid,
							"_uimainid": this._uimainid,
							...this.item,
							"_rows_2270093": this.itemdetails,
						}
					}).then(res => {
						if (res.Status === 1) {
							uni.redirectTo({
								url: '/pages/sale/saleorder-detail?data=' + res.Data
							});
						} else {}
					}).catch(exp => {});
				}
			},
			//选择组织机构弹出组织机构
			clickSelectOrg() { 
				this.$refs.popupSelectUIOrg.$refs.share.open()
			},
			//选择组织机构回传回调用界面
			updateSelectOrg(backselitem) { 
				if (backselitem) {
					this.item.OrganizationID = backselitem?.id;
					this.item.OrgObj.Number = backselitem?.number;
					this.item.OrgObj.Name = backselitem?.name;
				}
			},
			//选择部门弹出部门
			clickSelectDept() { 
				this.propSelDeptItem.orgid = this.item.OrganizationID??0;
				this.$refs.popupSelectUIDept.$refs.share.open()
			},
			//选择部门回传回调用界面
			updateSelectDept(backselitem) { 
				if (backselitem) {
					this.item.DepartMentID = backselitem?.id;
					this.item.DeptObj.Number = backselitem?.number;
					this.item.DeptObj.Name = backselitem?.name;
				}
			},
			//选择职员弹出窗
			clickSelectEmp() { 
				this.propSelEmpItem.orgid = this.item.OrganizationID??0;
				this.$refs.popupSelectUIEmp.$refs.share.open()
			},
			//选择职员回传回调用界面
			updateSelectEmp(backselitem) { 
				if (backselitem) {
					this.item.EmployeeID = backselitem?.id;
					this.item.EmpObj.Number = backselitem?.number;
					this.item.EmpObj.Name = backselitem?.name;
				}
			},
			//选择客户弹出窗
			clickSelectCustomer() { 
				this.$refs.popupSelectUICustomer.$refs.share.open();
			},
			//选择客户回传回调用界面
			updateSelectCustomer(backselitem) { 
				if (backselitem) {
					this.item.RelatedOrgID = backselitem?.id;
					this.item.RelOrgObj.Number = backselitem?.number;
					this.item.RelOrgObj.Name = backselitem?.name;
				}
			},
			//选择币别弹出窗
			clickSelectCurry() { 
				this.$refs.popupSelectUICurry.$refs.share.open()
			},
			//选择币别回传回调用界面
			updateSelectCurry(backselitem) { 
				if (backselitem) {
					this.item.CurrencyID = backselitem?.id;
					this.item.CurrencyObj.Number = backselitem?.number;
					this.item.CurrencyObj.Name = backselitem?.name;
				}
			},
			//扫码
			scanCode(){
				// #ifdef H5
				uni.showToast({
				    title: "H5不支持扫码",
				    duration: 3000
				});
				// #endif
				// #ifndef H5
				// 允许从相机和相册扫码
				uni.scanCode({
				    success: function (res) {
						uni.showToast({
						    title: res.result,
						    duration: 5000,
							icon: 'none'
						});
				    }
				});
				//#endif
			},
			//选择物料弹出窗
			clickSelectMat() { 
				this.propSelMatItem = this.itemdetails;
				this.$refs.popupSelectUIMat.$refs.share.open();
			},
			//选择物料回传回调用界面
			updateSelectMat(backselitem) { 
				if (backselitem) {
					this.itemdetails = backselitem;
				}
			},
			//上传附件
			chooseImage: async function() {
				// #ifdef APP-PLUS
				// TODO 选择相机或相册时 需要弹出actionsheet，目前无法获得是相机还是相册，在失败回调中处理
				if (this.sourceTypeIndex !== 2) {
					let status = await this.checkPermission();
					if (status !== 1) {
						return;
					}
				}
				// #endif
				if (this.itemaccs.length === 9) {
					let isContinue = await this.isFullImg();
					console.log("是否继续?", isContinue);
					if (!isContinue) {
						return;
					}
				}
				uni.chooseImage({
					sourceType: sourceType[this.sourceTypeIndex],
					sizeType: sizeType[this.sizeTypeIndex],
					count: this.itemaccs.length + this.count[this.countIndex] > 9 ? 9 - this.itemaccs.length : this.count[this.countIndex],
					success: (res) => {
						//this.itemaccs = this.itemaccs.concat(res.tempFilePaths);
						const uploadTask = uni.uploadFile({
							url: this.$minApi.UpLoadEntityFileUrl(),
							filePath: res.tempFilePaths[0],
							name: 'file',
							formData: {
								"_entityid":this._entityid,
								"accessoriesid":this.item?.AccessoriesID,
							},
							success: (uploadFileRes) => {
								let res= JSON.parse(uploadFileRes.data);
								if(res.Status==1)
								{
									let fitem = JSON.parse(res.Data);
									this.itemaccs=this.itemaccs.concat(
									{accentryid:fitem.AccessoriesEntry
									,alisename:fitem.FileName
									,filename:fitem.FileName
									,url:fitem.url}
									);
									if(this.item?.AccessoriesID>0){}
									else this.item.AccessoriesID=fitem.AccessoriesID;
								}
								else
								{
									uni.showToast({
									    title: res.Message,
									    duration: 5000,
										icon: 'none'
									});
								}
								// let findex = res.tempFilePaths.lastIndexOf("/")+1;
								// let fexcindex = res.tempFilePaths.lastIndexOf(".")+1;
								// this.itemaccs=this.itemaccs.concat({accentryid:0,alisename:this.getCreateTime()+res.tempFilePaths[0].slice(),filename:res.tempFilePaths[0].slice(),url:res.tempFilePaths});
							}
						});
						uploadTask.onProgressUpdate((res) => {
							console.log('上传进度' + res.progress);
							console.log('已经上传的数据长度' + res.totalBytesSent);
							console.log('预期需要上传的数据总长度' + res.totalBytesExpectedToSend);
							// 测试条件，取消上传任务。
							// if (res.progress > 50) {
							// 	uploadTask.abort();
							// }
						});	
					},
					fail: (err) => {
						// #ifdef APP-PLUS
						if (err['code'] && err.code !== 0 && this.sourceTypeIndex === 2) {
							this.checkPermission(err.code);
						}
						// #endif
						// #ifdef MP
						uni.getSetting({
							success: (res) => {
								let authStatus = false;
								switch (this.sourceTypeIndex) {
									case 0:
										authStatus = res.authSetting['scope.camera'];
										break;
									case 1:
										authStatus = res.authSetting['scope.album'];
										break;
									case 2:
										authStatus = res.authSetting['scope.album'] && res.authSetting['scope.camera'];
										break;
									default:
										break;
								}
								if (!authStatus) {
									uni.showModal({
										title: '授权失败',
										content: '需要从您的相机或相册获取图片，请在设置界面打开相关权限',
										success: (res) => {
											if (res.confirm) {
												uni.openSetting()
											}
										}
									})
								}
							}
						})
						// #endif
					}
				})
			},
			isFullImg: function() {
				return new Promise((res) => {
					uni.showModal({
						content: "已经有9张图片了,是否清空现有图片？",
						success: (e) => {
							if (e.confirm) {
								this.itemaccs = [];
								res(true);
							} else {
								res(false)
							}
						},
						fail: () => {
							res(false)
						}
					})
				})
			},
			previewImage: function(e) {
				var current = e.target.dataset.src
				uni.previewImage({
					current: current,
					urls: this.itemaccs
				})
			},
			async checkPermission(code) {
				let type = code ? code - 1 : this.sourceTypeIndex;
				let status = permision.isIOS ? await permision.requestIOS(sourceType[type][0]) :
					await permision.requestAndroid(type === 0 ? 'android.permission.CAMERA' :
						'android.permission.READ_EXTERNAL_STORAGE');
				if (status === null || status === 1) {
					status = 1;
				} else {
					uni.showModal({
						content: "没有开启权限",
						confirmText: "设置",
						success: function(res) {
							if (res.confirm) {
								permision.gotoAppSetting();
							}
						}
					})
				}
			return status;
			},
			//删除文件
			delFile(e){
				var that = this;
				uni.showModal({  
					title:"删除附件",// 标题  
					content:"确认删除附件?",// 内容  
					showCancel:true ,// 可以不要  
					success: function (res) {
						if (res.confirm) {
							that.$minApi.Delet({
								data: {
									"_entityid": 593,
									"ids": e.accentryid + "",
								}
							}).then(res => {
								if (res.Status === 1) {
									uni.showToast({
										title: `删除成功`,
										icon: 'none'
									});
									//
									//获取附件
									if (that.item.AccessoriesID > 0) {
										that.$minApi.GetAccessoriesUrls({
											data: that.item.AccessoriesID
										}).then(res => {
											if (res.Status === 1) {
												that.itemaccs = JSON.parse(res.Data);
											} else {
												that.itemaccs = [];
											}
										}).catch(exp => {
											that.itemaccs = [];
										});
									}
								} else {}
							}).catch(exp => {
								uni.showToast({
									title: `${exp}`,
									icon: 'none'
								});
							});
						}
						 else if (res.cancel) {
					
						}
					}
				});
			},
		},
	}
</script>

<style>
	.place-detail {
		/* margin: 27rpx 20rpx 104rpx 20rpx; */
		padding-bottom: 104rpx;
	}

	.placeholder {
		color: #8c8c8c;
		line-height: 84rpx;
		font-size: 31rpx;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		text-align: right;
	}

	.my-uni-input {
		line-height: 84rpx;
		font-size: 31rpx;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		text-align: right;
	}

	.cu-form-group .time-content {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding-right: 33rpx;
		overflow: hidden;
		position: relative;
	}

	.cu-form-group .time-content::after {
		font-family: cuIcon;
		display: block;
		content: "\E6A3";
		position: absolute;
		font-size: 31rpx;
		color: #8799a3;
		line-height: 84rpx;
		width: 50rpx;
		text-align: center;
		top: 0;
		bottom: 0;
		right: -16rpx;
		margin: auto;
	}

	.cu-form-group picker::after {
		font-family: cuIcon;
		display: block;
		content: "\E6A3";
		position: absolute;
		font-size: 31rpx;
		color: #8799a3;
		line-height: 84rpx;
		width: 50rpx;
		text-align: center;
		top: 0;
		bottom: 0;
		right: -16rpx;
		margin: auto;
	}
</style>
